<template>
    <div class="login">
        <p class="title">VTS维护信息管理系统</p>
        <div class="loginTxt">
            <div class="formtxt">
                <el-form ref="form" :model="form" id="form1">
                    <el-form-item >
                        <el-input v-model="form.name" placeholder="用户名" type="text" prefix-icon="iconfont icon-icon"></el-input>
                    </el-form-item>
                    <el-form-item>
                        <el-input v-model="form.name" placeholder="密码" prefix-icon="iconfont icon-mima1"></el-input>
                    </el-form-item>
                    <el-form-item id="el_form">
                        <el-button type="primary" @click="login" :plain="true">登陆</el-button>
                        <el-button type="primary">取消</el-button>
                    </el-form-item>
                </el-form>
            </div>
           
        </div>
    </div>
</template>
<script>
export default {
    data(){
        return{
            form: {
                name: '',
                region: '',
                date1: '',
                date2: '',
                delivery: false,
                type: [],
                resource: '',
                desc: ''
            },
        }
    },
    methods:{
        login(){
            this.$message({
                message: '登陆成功',
                type: 'success',
                duration:'2000',
                showClose:false
            });
            this.$router.push('/index');
        }
    }
}
</script>
<style scoped lang="scss">
    .login{
        width:100vw;
        height:100vh;
        .title{
            line-height:30px;
            text-align:center;
            margin-top:50px;
        }
        .loginTxt{
            width:80vw;
            overflow: hidden;
            margin:100px auto 0;
            border:1px solid #eee;
            border-radius: 5px;
            padding:20px 10px;
            .loginLogo{
                width:50%;
                height:50px;
                float:left;
                margin-bottom:10px;
                img{
                    display:block;
                    height:100%;
                }
            }
            .name{
                width:50%;
                height:50px;
                float:left;    
                margin-bottom:10px;
                P{
                    line-height:20px;
                    font-size:13px;
                }
            }
            .formtxt{
                clear:both;
            }
        }
    }
</style>
<style>
#form1 .el-form-item__content .el-input{
    width:100%;
}
</style>

